html {-webkit-tap-highlight-color:transparent;}
body {margin:0;}
.bubbles {position:relative; padding:2rem; margin:0 auto; }
.bubbles>span.bubCenter{
	background: #5cce56;
	border:1px solid #5cce56;
	color:#fff;
	font-size: 2rem;
	line-height:2rem;
	padding:4.5rem 1rem 2rem 1rem;
	border-radius:50%;
	position:absolute;
	filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;
	-moz-box-shadow: 0px 0px 20px #888888; /* older Firefox */
	box-shadow: 0px 0px 20px #888888;
}
.bubbles>span{
	font-size: 1rem;
	line-height:1rem;
	position:absolute;
	font-family: Helvetica Light， Arial,"Microsoft YaHei";
	border:1px solid #568bce;
	line-height:1rem;
	text-align:center;
	background:#ebf1f9;
	color:#568bce;
	cursor:pointer;
	padding:2.5rem 1rem 2rem 1rem;
	border-radius:50%;
	filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;
	transition:border-radius 0.5s, transform 2s;
	-moz-transition:border-radius 0.5s, transform 2s; /* Firefox 4 */
	-webkit-transition:border-radius 0.5s, transform 2s; /* Safari and Chrome */
	-o-transition:border-radius 0.5s, transform 2s; /* Opera */
}

